<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./lib/reset/reset.css">
    <link rel="stylesheet" href="./lib/bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./css/registered.css">
</head>

<body>
    <!-- 头部 -->
    <div id="header" class="lg-container">
        <img src="./images/logo.jpg" alt="">
        <div class="logo-txt">
            <div class="logo-left">
                <p><span></span></p>
            </div>
            <div class="logo-right">
                <div>
                    <p>咨询电话</p>
                    <p>1878020345</p>
                </div>
            </div>
        </div>
    </div>
    <main>
        <div class="white-main">
            <ul>
                <li class="xxkxg li1">设置用户名</li>
                <li class="li2">填写账号信息</li>
                <li class="li3">注册成功</li>
            </ul>
            <div class="inner-box">
                <div class="box-txt">
                    <p><strong>注册协议</strong></p>
                    <p><strong>【审慎阅读】</strong>您在申请注册流程中点击同意前，应当认真阅读以下协议。<u><b>请您务必审慎阅读、充分理解协议中相关条款内容，其中包括：</b></u></p>
                    <p><u><b>1、与您约定免除或限制责任的条款；</b></u></p>
                    <p><u><b>2、与您约定法律适用和管辖的条款；</b></u></p>
                    <p><u><b>3、其他以粗体下划线标识的重要条款。</b></u></p>
                    <p>如您对协议有任何疑问，可向平台客服咨询。</p>
                    <p><b>【特别提示】</b>当您按照注册页面提示填写信息、阅读并同意协议且完成全部注册程序后，即表示您已充分阅读、理解并接受协议的全部内容。如您因平台服务与淘宝发生争议的，适用《淘宝平台服务协议》处理。如您在使用平台服务过程中与其他用户发生争议的，依您与其他用户达成的协议处理。
                    </p>
                    <p><u><b>阅读协议的过程中，如果您不同意相关协议或其中任何条款约定，您应立即停止注册程序</b></u></p>
                </div>
                <div class="yellowtxt">
                    <ul>
                        <li>平台服务协议</li>
                        <li>隐私权政策</li>
                        <li>法律声明</li>
                        <li>支付宝及客户端服务协议</li>
                    </ul>
                </div>
                <p>
                    <input type="submit" name="" id="" class="btn1" value="同意协议">
                </p>
            </div>
            <div class="inner-box1">
                <form class="cmxform" id="myform" method="get" action="">
                    <fieldset>
                        <p class="cleafix">
                            <label for="uname">真实姓名:</label>
                            <input type="text" placeholder="请输入您的真实姓名" name="user">
                        </p>
                        <p>
                            <label for="cname">&emsp;用户名:</label>
                            <input id="user" placeholder="请输入您的账号用户名" name="username" type="text" required>
                        </p>
                        <p>
                            <label for="cname">&emsp;&emsp;密码:</label>
                            <input id="mypwd" placeholder="请输入密码" name="password" type="password" required>
                        </p>
                        <p>
                            <label for="cname">确认密码"</label>
                            <input id="username" placeholder="请再次确认密码" name="repwd" type="password" required>
                        </p>
                        <p>
                            <label for="cemail">&emsp;&emsp;邮箱:</label>
                            <input id="cemail" placeholder="请输入正确的邮箱地址" type="email" name="email" required>
                        </p>
                        <p>
                            <label for="phone">手机号码:</label>
                            <input type="text" id="phone" class="phone" placeholder="请输入您的手机号码" name="phone" required>
                        </p>
                        <p class="yz">
                            <label for="vcode">&emsp;验证码:</label>
                            <input type="text" id="phone-code" placeholder="请输入手机验证码" style="width: 163px;height: 28px;"
                                >
                            <span>获取验证码</span>
                        </p>

                        <input class="submit btn2" type="button" value="提交注册">

                    </fieldset>
                </form>
            </div>
            <div class="inner-box2">
                <div>
                    <img src="./images/success.png" alt="">
                    <p>注册成功，请前往登录</p>
                </div>
            </div>

        </div>
    </main>
    <!-- 脚部 -->
    <footer class="lg-container">
        <div class="footer-top">
            <ul>
                <li class="clearfix">
                    <img class="fl" src="./images/footer1.jpg" alt="">
                    <div class="fl">
                        <h4 class="fs20">正品保障</h4>
                        <p class="fs14 col-d6d6d6">正品行货&emsp;放心选购</p>
                    </div>
                </li>
                <li class="clearfix">
                    <img class="fl" src="./images/footer2.jpg" alt="">
                    <div class="fl">
                        <h4 class="fs20">满86包邮</h4>
                        <p class="fs14 col-d6d6d6">满86元&emsp;免运费</p>
                    </div>
                </li>
                <li class="clearfix">
                    <img class="fl" src="./images/footer3.jpg" alt="">
                    <div class="fl">
                        <h4 class="fs20">售后无忧</h4>
                        <p class="fs14 col-d6d6d6">七天无理由退货</p>
                    </div>
                </li>
                <li class="clearfix">
                    <img class="fl" src="./images/footer4.jpg" alt="">
                    <div class="fl">
                        <h4 class="fs20">准时送达</h4>
                        <p class="fs14 col-d6d6d6">收货时间由你做主</p>
                    </div>
                </li>
            </ul>
        </div>
        <div class="footer-bottom">
            <!-- 左 -->
            <div class="fb-left clearfix">
                <ul class="list4">
                    <li><a href="#">购物指南</a></li>
                    <li><a href="#">支付方式</a></li>
                    <li><a href="#">订单服务</a></li>
                    <li><a href="#">退换货</a></li>
                </ul>
                <ul class="list5  fl">
                    <li><a href="#">购物路程</a></li>
                    <li><a href="#">货到付款</a></li>
                    <li><a href="#">退货流程</a></li>
                    <li><a href="#">退货政策</a></li>
                </ul>
                <ul class="list6  fl">
                    <li><a href="#">发票制度</a></li>
                    <li><a href="#">网上支付</a></li>
                    <li><a href="#">订单状态说明</a></li>
                    <li><a href="#">自动退换货</a></li>
                </ul>
                <ul class="list7 fl">
                    <li><a href="#">账户管理</a></li>
                    <li><a href="#">礼品卡支付</a></li>
                    <li><a href="#">自动取消订单</a></li>
                    <li><a href="#">自动退货流程</a></li>
                </ul>
            </div>
            <!-- 右 -->
            <div class="fb-right">
                <ul>
                    <li>
                        <h5>App更优惠</h5>
                        <img src="./images/qryhd.png" alt="">
                    </li>
                    <li>
                        <h5>加微信查订单</h5>
                        <img src="./images/qryhd.png" alt="">
                    </li>
                </ul>
            </div>
        </div>
        <div class="footer-txt">
            <p>沪ICP备XXXXXXXXXXXXX号 | 经营证明 |互联网药品信息服务资格证(沪)-2017-0006 |违法和不良信息举报电话:xxx-xxxxxxxx | 沪B2-xxxxxxx</p>
            <p>沪公网安备 xxxxxxxx号 | 友情链接 | 出版物经营许可证 | 增值电信业务经营许可证</p>
            <div>
                <ul>
                    <li>
                        <img src="./images/showlogo1.jpg" alt="">
                    </li>
                    <li>
                        <img src="./images/showlogo2.jpg" alt="">
                    </li>
                    <li>
                        <img src="./images/showlogo3.png" alt="">
                    </li>
                    <li>
                        <img src="./images/showlogo4.jpg" alt="">
                    </li>
                    <li>
                        <img src="./images/showlogo5.png" alt="">
                    </li>
                    <li>
                        <img src="./images/showlogo6.jpg" alt="">
                    </li>
                </ul>
            </div>
        </div>
    </footer>
</body>
<script src="./lib/jquery/jquery.min.js"></script>
<script src="./lib/bootstrap/js/bootstrap.min.js"></script>
<script src="./lib/validate/jquery.validate.js"></script>
<script src="./js/registered.js"></script>

</html>